<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<title>Particulars</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/mycommon.css" />
		<link rel="stylesheet" type="text/css" href="css/Particulars.css" />
	</head>

	<body>
		<div id="app" class="app" v-cloak>
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" href="javascript:history.go(-1)"></a>
				<h1 class="mui-title">{{Language["1138"]}}</h1>
			</header>
			<div class="mui-content">
				<h5>{{shop.shop_name}}</h5>
				<h3>{{shop.name}}</h3>
				<h5>{{Language["1145"]}}</h5>
				<p>{{Language["1139"]}}:<span>{{shop.shop_endtime}}</span></p>
				<form style="display:none;">
					<div class="mui-input-row">
						<input id="phone" type="text" class="mui-input-clear" :placeholder="Language['1003']">
						<button type="button" class="mui-btn mui-btn-success mui-btn-outlined">{{Language["1101"]}}</button>
					</div>
				</form>
				<div id="code" style="display: none;">
					<div id="cod"></div>
					<span>{{sn}}</span>
					<h5>{{Language["1143"]}}</h5>
					<h5>{{Language["1144"]}}</h5>
				</div>
				<div id="lose-code" style="display:none;">
					<img src="../img/lose.jpg" />
					<div><img src="../img/Bcode.png"></div>
					<button type="button" class="mui-btn mui-btn-red mui-btn-outlined">{{Language["1142"]}}</button>
				</div>
				<p>{{Language["1140"]}}:</p>
				<h5 class="le">{{shop.con}}</h5>
				<img :src="'https://foodievc.oss-ap-southeast-1.aliyuncs.com/'+shop.shop_logo" />
			</div>
			<h4 v-show="shop.list">{{Language["1141"]}}</h4>
			<footer id="location">
				<ul>
					<li v-for="list in shop.list">
						<img :src="'https://foodievc.oss-ap-southeast-1.aliyuncs.com/'+list.shop_logo" />
						<div>
							<h4>{{list.shop_name}}</h4>
							<span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span>
							<p>{{list.shop_address}}</p>
							<div class="mui-icon mui-icon-location">12km</div>
						</div>
					</li>
				</ul>
				<div id="l-ticket">
					<img src="../img/ticket.png" />
					<span>{{num}}</span>
				</div>
			</footer>
			<div class="mui-backdrop" id="succeed" style="display: none;">
				<img @click="mycont(app.coupon_id)"  src="../img/close.png" />
				<div>
					<header>{{Language["1100"]}}</header>
					<div class="content">
						<p>{{Language["1104"]}}</p>
						<button type="button" class="mui-btn mui-btn-yellow mui-btn-outlined">{{Language["1103"]}}</button>
						<footer>
							<h4>{{Language["1105"]}}</h4>
							<div class="footer">
								<img src="../img/yho.png" />
								<h5>{{Language["1105"]}},{{Language["1147"]}}</h5>
								<h5>yhfoodie App</h5>
								<button  @click="mycont(app.coupon_id)"  type="button" class="mui-btn mui-btn-green mui-btn-outlined">{{Language["1106"]}}</button>
							</div>
						</footer>
					</div>
			</div>
		</div>
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/vue.min.js"></script>
		<script type="text/javascript" src="../js/main.js"></script>
		<script type="text/javascript" src="../js/ajax.js"></script>
		<script type="text/javascript" src="../js/jquery.qrcode.min.js"></script>
		<script type="text/javascript" src="js/Particulars.js"></script>
	</body>

</html>